import {createElement} from './framework.js'
import {List} from './List.js'

let d = [
    {
        img: 'https://static001.geekbang.org/resource/image/bb/21/bb38fb7c1073eaee1755f81131f11d21.jpg',
        url: 'https://time.geekbang.org/',
        title: '蓝猫'
    },
    {
        img: 'https://static001.geekbang.org/resource/image/1b/21/1b809d9a2bdf3ecc481322d7c9223c21.jpg',
        url: 'https://time.geekbang.org/',
        title: '白猫'
    },
    {
        img: 'https://static001.geekbang.org/resource/image/b6/4f/b6d65b2f12646a9fd6b8cb2b020d754f.jpg',
        url: 'https://time.geekbang.org/',
        title: '黑猫'
    },
    {
        img: 'https://static001.geekbang.org/resource/image/73/e4/730ea9c393def7975deceb48b3eb6fe4.jpg',
        url: 'https://time.geekbang.org/',
        title: '波斯猫'
    },
]

/*
let a = <Button>
        content
    </Button>
*/

let a = <List data={d}>
    {record => 
        <div>
            <img src={record.img} />
            <a href={record.url}>{record.title}</a>
        </div>
    }
    </List>
a.mountTo(document.body)
